<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./font_2479447_2adxzyyecn/iconfont.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">

    <link rel="stylesheet" href="./css/ticket.css">
    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
    <script src="./js/ticket.js"></script>





</head>

<body>

    <header class="header ">
        <!-- 头部外部大盒子 -->
        <div class=" divtop w clearfix">
            <!-- LOGO部分 -->
            <div class="logo">
                <a href="#">
                    <img src="./img/logo.png" alt="">
                </a>
                <!--左 音乐馆5个li -->
            </div>
            <ul class="ul_1">
                <li><a href="#">音乐馆</a></li>
                <li><a href="#">我的音乐</a></li>
                <li class="ul_1_li">
                    <a href="#">客户端</a>
                    <i><img src="./img/jlt/mark_1.png" alt=""></i>
                </li>
                <li><a href="#">开放平台</a></li>
                <li><a href="#">VIP</a></li>
            </ul>

            <!-- 右边部分 -->



            <div class="input clearfix">
                <input type="text" placeholder="搜索音乐，MV，歌单，用户">
                <i class="iconfont iconfangdajing"></i>

                <div class="input_xiala_div">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <span>1</span>
                                <span>iG战歌</span>
                                <span>76.6万</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <span>1</span>
                                <span>好嗨呦</span>
                                <span>70.6万</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <span>1</span>
                                <span>一吻天荒</span>
                                <span>66.6万</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <span>1</span>
                                <span>S8世界赛开场歌曲</span>
                                <span>56万</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <span>1</span>
                                <span>告白气球</span>
                                <span>54.6万</span>
                            </a>
                        </li>
                    </ul>
                    <div>
                        历史搜索
                        <a href="javascript:;">
                            <i class="iconfont iconlajitong"></i>
                        </a>
                    </div>

                </div>











            </div>
            <a href="#" class="denglu">登录</a>
            <div class="ul_2">
                <a href="#" class="a1">开通VIP </a>

                <div class="ul_2_1">
                    <div><a href="#">开通绿钻豪华版</a></div>
                    <div><a href="#">开通付费包</a></div>
                </div>
            </div>
            <div class="ul_3 clearfix ">
                <a href="#" class="a1">充值 <i></i></a>
                <div class="ul_3_1">
                    <div><a href="#">购买乐币</a></div>
                    <div><a href="#">充值饭票</a></div>
                </div>
            </div>

            <div class="div_bottom clearfix">
                <div class="bottom_1 clearfix w">
                    <span><a href="#">首页</a></span>
                    <span> <a href="#">歌手</a></span>
                    <span><a href="#">新碟</a></span>
                    <span><a href="#">排行榜</a></span>
                    <span> <a href="#">分类歌单</a></span>
                    <span> <a href="#">电台</a></span>
                    <span><a href="#">MV</a></span>
                    <span> <a href="#">数字专辑</a></span>
                    <span class="span_1"> <a href="#"> 票务</a></span>

                </div>
            </div>
    </header>
    <!-- 右边固定定位的盒子 -->
    <div class="popup_guide">
        <img src="./img/logo.png" alt="">
        <p>千万高品质曲库尽享</p>
        <a href="javascript:;">
            <i></i>
            <span>客户端下载</span>
        </a>
    </div>
    <!-- 返回顶部的小盒子 -->
    <div class="right_a">
        <div class="right_div_1">
            <a href="javascript:;" class="right_a_1">
                <i></i>
            </a>
        </div>
        <div>
            <a href="javascript:;" class="right_a_2">
                反馈
            </a>
        </div>
        <div>
            <a href="javascript:;" class="right_a_3">
                <i></i>
            </a>
        </div>
    </div>

    <div class="focus">
        <div class="box">

            <div class="list">
                <ul>
                    <li class="p4"><a href="#"><img src="image/T011R1080x432M000002WK8nQ3qFlNd.jpg" alt="" /></a></li>
                    <li class="p3"><a href="#"><img src="image/T011R1080x432M000003BWqNx2vFapc.jpg" alt="" /></a></li>
                    <li class="p2"><a href="#"><img src="image/T011R1080x432M000002WK8nQ3qFlNd.jpg" alt="" /></a></li>
                    <li class="p1"><a href="#"><img src="image/T011R1080x432M000003BWqNx2vFapc.jpg" alt="" /></a></li>
                </ul>
            </div>

            <a href="javascript:;" class="prev btn">
                < </a>
                    <a href="javascript:;" class="next btn">></a>

                    <div class="buttons">
                        <a href="javascript:;"><span class="blue"></span></a>
                        <a href="javascript:;"><span></span></a>
                        <a href="javascript:;"><span></span></a>
                        <a href="javascript:;"><span></span></a>
                    </div>
        </div>
        <div class="user w">
            <a href="javascript:;" class="address">武汉 ﹀</a>
            <div class="hidden">
                <div class="hd">

                    <ul>
                        <li class="l1">当前城市</li>
                        <li><a href="javascript:;">武汉</a></li><br>
                        <li class="l1">热门城市</li>
                        <li><a href="javascript:;">全国</a></li>
                        <li><a href="javascript:;">北京</a></li>
                        <li><a href="javascript:;">上海</a></li>
                        <li><a href="javascript:;">广州</a></li>
                        <li><a href="javascript:;">深圳</a></li>
                        <li><a href="javascript:;">成都</a></li>
                        <li><a href="javascript:;">武汉</a></li>
                    </ul>
                </div>
                <div class="find">
                    <h4>按字母查找</h4>
                    <ul>
                        <li><a href="javascript:;">A</a></li>
                        <li><a href="javascript:;">B</a></li>
                        <li><a href="javascript:;">C</a></li>
                        <li><a href="javascript:;">D</a></li>
                        <li><a href="javascript:;">F</a></li>
                        <li><a href="javascript:;">H</a></li>
                        <li><a href="javascript:;">J</a></li>
                        <li><a href="javascript:;">K</a></li>
                        <li><a href="javascript:;">L</a></li>
                        <li><a href="javascript:;">M</a></li>
                        <li><a href="javascript:;">N</a></li>
                        <li><a href="javascript:;">Q</a></li>
                        <li><a href="javascript:;">S</a></li>
                        <li><a href="javascript:;">T</a></li>
                        <li><a href="javascript:;">W</a></li>
                        <li><a href="javascript:;">X</a></li>
                        <li><a href="javascript:;">Y</a></li>
                        <li><a href="javascript:;">Z</a></li>
                    </ul>
                </div>
                <div class="city">
                    <ul>
                        <li>A</li>
                        <li><a href="javascript:;">鞍山</a></li>
                        <br>

                        <li>B</li>
                        <li><a href="javascript:;">北京</a></li>
                        <li><a href="javascript:;">保定</a></li>
                        <li><a href="javascript:;">包头</a></li>
                        <li><a href="javascript:;">亳州</a></li><br>

                        <li>C</li>
                        <li><a href="javascript:;">常州</a></li>
                        <li><a href="javascript:;">长沙</a></li>
                        <li><a href="javascript:;">潮州</a></li>
                        <li><a href="javascript:;">重庆</a></li>
                        <li><a href="javascript:;">成都</a></li><br>


                        <li>D</li>
                        <li><a href="javascript:;">大连</a></li>
                        <li><a href="javascript:;">大庆</a></li>
                        <li><a href="javascript:;">东营</a></li>
                        <li><a href="javascript:;">东莞</a></li>
                        <br>
                        <li>F</li>
                        <li><a href="javascript:;">抚顺</a></li>
                        <li><a href="javascript:;">福州</a></li>
                        <li><a href="javascript:;">佛山</a></li><br>

                        <li>G</li>
                        <li><a href="javascript:;">广州</a></li>
                        <li><a href="javascript:;">桂林</a></li>
                        <li><a href="javascript:;">贵阳</a></li>
                        <br>
                        <li>H</li>
                        <li><a href="javascript:;">哈尔滨</a></li>
                        <li><a href="javascript:;">海城</a></li>
                        <li><a href="javascript:;">呼和浩特 </a></li>
                        <li><a href="javascript:;">杭州</a></li>
                        <li><a href="javascript:;">合肥 </a></li>
                        <li><a href="javascript:;">黄石</a></li><br>

                        <li>J</li>
                        <li><a href="javascript:;">吉林</a></li>
                        <li><a href="javascript:;">济南</a></li>
                        <li><a href="javascript:;">荆门</a></li>
                        <li><a href="javascript:;">济宁</a></li>
                        <li><a href="javascript:;">九江</a></li>
                        <li><a href="javascript:;">晋城</a></li><br>

                        <li>K</li>
                        <li><a href="javascript:;">昆明</a></li>
                        <li><a href="javascript:;">开封</a></li>
                        <br>

                        <li>L</li>
                        <li><a href="javascript:;">廊坊</a></li>
                        <li><a href="javascript:;">乐山</a></li>
                        <li><a href="javascript:;">丽江</a></li>
                        <li><a href="javascript:;">临安</a></li>
                        <li><a href="javascript:;">洛阳</a></li>
                        <li><a href="javascript:;">泸州</a></li>
                        <li><a href="javascript:;">柳州</a></li>
                        <li><a href="javascript:;">丽水</a></li>
                        <li><a href="javascript:;">龙海</a></li><br>

                        <li>M</li>
                        <li><a href="javascript:;">马鞍山</a></li>
                        <li><a href="javascript:;">绵阳</a></li><br>
                        <li>N</li>
                        <li><a href="javascript:;">南京</a></li>
                        <li><a href="javascript:;">南京</a></li>
                        <li><a href="javascript:;">宁波</a></li>
                        <li><a href="javascript:;">南昌</a></li>
                        <li><a href="javascript:;">南宁</a></li>
                        <li><a href="javascript:;">南阳</a></li><br>
                        <li>Q</li>
                        <li><a href="javascript:;">泉州</a></li>
                        <li><a href="javascript:;">青岛</a></li>
                        <li><a href="javascript:;">钦州</a></li><br>
                        <li>S</li>
                        <li><a href="javascript:;">汕头</a></li>
                        <li><a href="javascript:;">石家庄</a></li>
                        <li><a href="javascript:;">苏州</a></li>
                        <li><a href="javascript:;">随州</a></li>
                        <li><a href="javascript:;">深圳</a></li>
                        <li><a href="javascript:;">沈阳</a></li><br>
                        <li>T</li>
                        <li><a href="javascript:;">天津</a></li>
                        <li><a href="javascript:;">唐山</a></li>
                        <li><a href="javascript:;">泰州</a></li><br>
                        <li>W</li>
                        <li><a href="javascript:;">无锡</a></li>
                        <li><a href="javascript:;">武汉</a></li>
                        <li><a href="javascript:;">乌鲁木齐</a></li><br>
                        <li>X</li>
                        <li><a href="javascript:;">徐州</a></li>
                        <li><a href="javascript:;">厦门</a></li>
                        <li><a href="javascript:;">西宁</a></li>
                        <li><a href="javascript:;">襄阳</a></li><br>
                        <li>Y</li>
                        <li><a href="javascript:;">扬州</a></li>
                        <li><a href="javascript:;">烟台</a></li>
                        <li><a href="javascript:;">银川</a></li>
                        <li><a href="javascript:;">盐城</a></li><br>
                        <li>Z</li>
                        <li><a href="javascript:;">郑州</a></li>
                        <li><a href="javascript:;">中山</a></li>
                        <li><a href="javascript:;">珠海</a></li>
                        <li><a href="javascript:;">遵义</a></li><br>
                    </ul>
                </div>
                <span class="triangle"></span>
            </div>
            <div class="search"><input type="text" name="" id="" value="搜索票务">
                <button class="iconfont iconfangdajing"></button>
            </div>
            <a href="javascript:;" class="order">我的订单 ></a>

        </div>
        <div class="title w">
            <ul>
                <li>
                    <a href="javascript:;"></a><a href="javascript:;"><span>全部</span></a>
                </li>
                <li>
                    <a href="#t1"></a><a href="#t1"><span>演唱会</span></a>
                </li>
                <li>
                    <a href="#t2"></a><a href="#t2"><span>LiveHouse</span></a>
                </li>
                <li>
                    <a href="#t3"></a><a href="#t3"><span>音乐会</span></a>
                </li>
                <li>
                    <a href="javascript:;"></a><a href="javascript:;"><span>跳舞芭蕾</span></a>
                </li>
                <li>
                    <a href="javascript:;"></a><a href="javascript:;"><span>话剧歌剧</span></a>
                </li>
                <li>
                    <a href="javascript:;"></a><a href="javascript:;"><span>其他演出</span></a>
                </li>
            </ul>
        </div>
    </div>

    <div class="content">
        <div class="vocal-concert w">
            <div class="hd">
                <h1 id="t1">演唱会</h1>
            </div>
            <div class="bd">
                <div class="bd-l">
                    <div class="zoom"><a href="content.html"><img src="./image/T017M000004PVuDq1zlmXB.jpg" alt=""
                                srcset=""></a></div>
                    <div class="bottom-bar">
                        <h3>M-LAB 呈献 | 声音玩具「劳动之余」2021 全国巡演 武汉站</h3>
                        <div class="s2"><span>￥230</span><span class="qi">起</span> <span class="s3"><i
                                    class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                    </div>
                </div>
                <div class="bd-r">
                    <ul>
                        <li>

                            <div class="zoom"><a href="content.html"> <img src="./image/T017M000003eIRoz1YLyhV.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="content.html" class="fr">
                                <span class="s1">丁当《当我们再一起》2021 Live House Tour-武汉站</span>
                                <p class="p1">2021.05.29</p>
                                <p>不晚IN TIME LIVE</p>
                                <div class="s2"><span class="s4">￥230</span><span class="qi">起</span> <span
                                        class="s3"><i class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                            </a>
                        </li>

                        <li>

                            <div class="zoom"><a href="content.html"> <img src="./image/T017M0000000y94T08eE7O.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="content.html" class="fr">
                                <span class="s1">MOJOHAND 2020/2021新专辑全<br>国巡演-武汉站</span>
                                <p class="p1">2021.06.04</p>
                                <p>L7 livehouse·演艺厅</p>
                                <div class="s2"><span>￥100</span><span class="qi">起</span> <span class="s3"><i
                                            class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                            </a>
                        </li>
                        <li>

                            <div class="zoom"><a href="content.html"> <img src="./image/T017M0000046OHAi0u4bQs.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="content.html" class="fr">
                                <span class="s1">旅行团乐队“似近似远”、“似你似我”2021双专场巡演-武汉站</span>
                                <p class="p1">2021.06.05</p>
                                <p>不晚IN TIME LIVE</p>
                                <div class="s2"><span>￥218</span><span class="qi">起</span> <span class="s3"><i
                                            class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                            </a>
                        </li>
                        <li>

                            <div class="zoom"><a href="content.html"> <img src="./image/T017M0000040K0fr2X5bGC.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="content.html" class="fr">
                                <span class="s1">极光乐队《2021 和平与爱·纪念家驹逝世28载》巡回演唱会武汉站</span>
                                <p class="p1">2021.06.18</p>
                                <p>L7 livehouse·演艺厅</p>
                                <div class="s2"><span>￥118</span><span class="qi">起</span> <span class="s3"><i
                                            class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                            </a>
                        </li>


                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="vocal-concert w">
            <div class="hd">
                <h1 id="t2">LiveHouse</h1>
            </div>
            <div class="bd">
                <div class="bd-l">
                    <div class="zoom"><a href="content.html"><img src="./image/T017M000002HIe2W4Ok4F9.jpg" alt=""
                                srcset=""></a></div>
                    <div class="bottom-bar">
                        <h3>白百EndlessWhite【浪里有我的珍珠】2021巡演 武汉站</h3>
                        <div class="s2"><span>￥90</span><span class="qi">起</span></div>
                    </div>
                </div>
                <div class="bd-r">
                    <ul>
                        <li>

                            <div class="zoom"><a href="content.html"> <img src="./image/T017M000001oI4bG3c3dSQ.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="content.html" class="fr">
                                <span class="s1">「日落排档」·麒麟三重奏Kirin Trio 2021巡演</span>
                                <p class="p1">2021.04.18</p>
                                <p>武汉 VOX LIVEHOUSE</p>
                                <div class="s2"><span>￥8</span><span class="qi">起</span></div>
                            </a>
                        </li>
                        <li>

                            <div class="zoom"><a href="content.html"> <img src="./image/T017M000003xJKEt0RLSTR.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="content.html" class="fr">
                                <span class="s1">Project Ace 「王牌浪潮」2021巡演 武汉站</span>
                                <p class="p1">2021.04.24</p>
                                <p>L7 livehouse·演艺厅</p>
                                <div class="s2"><span>￥108</span><span class="qi">起</span></div>
                            </a>
                        </li>
                        <li>

                            <div class="zoom"><a href="content.html"> <img src="./image/T017M000002mZeEP3P1hRk.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="content.html" class="fr">
                                <span class="s1">【秀动呈献】布鹅岛乐队2021巡演 武汉站</span>
                                <p class="p1">2021.05.01</p>
                                <p>武汉 VOX LIVEHOUSE</p>
                                <div class="s2"><span>￥80</span><span class="qi">起</span></div>
                            </a>
                        </li>
                        <li>

                            <div class="zoom"><a href="content.html"> <img src="./image/T017M000003jkYnb2gM4IZ.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="content.html" class="fr">
                                <span class="s1">赫兹乐队“你喜欢的样子我都没有”巡演 武汉站</span>
                                <p class="p1">2021.05.02</p>
                                <p>武汉 VOX LIVEHOUSE</p>
                                <div class="s2"><span>￥80</span><span class="qi">起</span></div>
                            </a>
                        </li>


                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="vocal-concert w">
            <div class="hd">
                <h1 id="t3">音乐会</h1>
            </div>
            <div class="bd">
                <div class="bd-l">
                    <div class="zoom"><a href="content.html"><img src="./image/T017M000003G99WN4KbEXh.jpg" alt=""
                                srcset=""></a></div>
                    <div class="bottom-bar">
                        <h3>“爱乐之城”---经典电影音乐作品演奏会</h3>
                        <div class="s2"><span>￥100</span><span class="qi">起</span> <span class="s3"><i
                                    class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                    </div>
                </div>
                <div class="bd-r">
                    <ul>
                        <li>

                            <div class="zoom"><a href="content.html"> <img src="./image/T017M000002290601GOPFf.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="content.html" class="fr">
                                <span class="s1">“致·爱丽丝”经典浪漫钢琴名曲音乐会</span>
                                <p class="p1">2021.05.15</p>
                                <p>琴台音乐厅</p>
                                <div class="s2"><span>￥100</span><span class="qi">起</span> <span class="s3"><i
                                            class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                            </a>
                        </li>
                        <li>

                            <div class="zoom"><a href="content.html"> <img src="./image/T017M000000W6Vup2MdQVw.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="content.html" class="fr">
                                <span class="s1">《天空之城》久石让 宫崎骏动漫经典音乐作品演奏会</span>
                                <p class="p1">2021.05.22</p>
                                <p>琴台音乐厅</p>
                                <div class="s2"><span>￥100</span><span class="qi">起</span> <span class="s3"><i
                                            class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                            </a>
                        </li>
                        <li>

                            <div class="zoom"><a href="content.html"> <img src="./image/T017M000002fFluJ1vdy2h.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="content.html" class="fr">
                                <span class="s1">《卡农Canon In D》永恒经典名曲精选音乐会</span>
                                <p class="p1">2021.06.20</p>
                                <p>琴台音乐厅</p>
                                <div class="s2"><span>￥100</span><span class="qi">起</span> <span class="s3"><i
                                            class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                            </a>
                        </li>
                        <li>

                            <div class="zoom"><a href="content.html"> <img src="./image/T017M000003tSpD63dgnA3.jpg"
                                        alt="" srcset=""></a></div>
                            <a href="content.html" class="fr">
                                <span class="s1">梦回莱茵河畔-德国十九世纪室内乐作品音乐会</span>
                                <p class="p1">2021.09.19</p>
                                <p>琴台音乐厅</p>
                                <div class="s2"><span>￥50</span><span class="qi">起</span> <span class="s3"><i
                                            class="iconfont iconzuanshi"></i><em>立减</em></span></div>
                            </a>
                        </li>


                    </ul>
                </div>
            </div>
        </div>
    </div>


    <div class="foot ">
        <div class="q w">
            <!-- 头部标题 -->
            <div class="foot_1">
                <span>下载QQ音乐客户端</span>
                <span>特色产品</span>
                <span>合作链接</span>
            </div>




            <!-- 精灵图 -->
            <div class="jinlitu clearfix">
                <div class="div_1 clearfix">
                    <ul class="ul_1 clearfix">
                        <li class="li_1">
                            <a href="#">
                                <i></i>
                                <span>PC版</span>
                            </a>
                        </li>
                        <li class="li_2">
                            <a href="#">
                                <i></i>
                                <span>Mac版</span>
                            </a>
                        </li>
                        <li class="li_3">
                            <a href="#">
                                <i></i>
                                <span>Android版</span>
                            </a>
                        </li>
                        <li class="li_4">
                            <a href="#">
                                <i></i>
                                <span>iPhone版</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 中间 -->
                <div class="div_2">
                    <ul class="ul_2 clearfix">
                        <li class="li_1">
                            <a href="#">
                                <i></i>
                                <span>全民K歌</span>
                            </a>
                        </li>
                        <li class="li_2">
                            <a href="#">
                                <i></i>
                                <span>Super Sound</span>
                            </a>
                        </li>
                        <li class="li_3">
                            <a href="#">
                                <i></i>
                                <span>QPlay</span>
                            </a>
                        </li>
                        <li class="li_4">
                            <a href="#">
                                <i></i>
                                <span>Fan直播伴侣</span>
                            </a>
                        </li>
                        <li class="li_5">

                            <a href="#">车载互联 </a>

                        </li>
                        <li class="li_6">
                            <a href="#">QQ演出</a>
                        </li>



                    </ul>

                </div>
                <!-- 右边部分 -->
                <div class="div_3">
                    <ul class="ul_3 clearfix">
                        <li><a href="#">CJ ENM</a></li>
                        <li><a href="#">腾讯视频</a></li>
                        <li><a href="#">手机QQ空间</a></li>
                        <li><a href="#">最新版QQ</a></li>
                        <li><a href="#"> 腾讯社交广告</a></li>
                        <li><a href="#">电脑管家</a></li>
                        <li><a href="#"> QQ浏览器</a></li>
                        <li><a href="#"> 腾讯微云</a></li>
                        <li><a href="#"> 腾讯云</a></li>
                        <li><a href="#"> 企鹅FM</a></li>
                        <li><a href="#">智能电视网</a></li>
                        <li><a href="#">当贝市场</a></li>
                    </ul>
                </div>
                <!-- 下边两个div -->
                <div class="div_4">
                    <h3>开放平台</h3>
                    <ul class="clearfix">
                        <li>
                            <a href="#">QQ音乐开放平台</a>
                        </li>
                        <li>
                            <a href="#">腾讯音乐人</a>
                        </li>
                    </ul>
                </div>
                <div class="div_5">
                    <h3>TME集团官网</h3>
                    <ul class="clearfix">
                        <li>
                            <a href="#">腾讯音乐</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 底部一堆span -->
        <div class="foot_bottom">
            <div class="bottom_div w">

                <p>
                    <span><a href="#"> 关于腾讯</a></span>
                    <span>|</span>
                    <span><a href="#"> About Tencent</a></span>
                    <span>|</span>
                    <span><a href="#">服务条款</a></span>
                    <span>|</span>
                    <span><a href="#">用户服务协议</a></span>
                    <span>|</span>
                    <span><a href="#"> 隐私政策</a></span>
                    <span>|</span>
                    <span><a href="#">权利声明</a></span>
                    <span>|</span>
                    <span><a href="#">广告服务</a></span>
                    <span>|</span>
                    <span><a href="#">腾讯招聘</a></span>
                    <span>|</span>
                    <span><a href="#">客服中心</a></span>
                    <span>|</span>
                    <span><a href="#">网站导航</a></span>
                </p>


                <div class="bottom_div_2">
                    <p>
                        Copyright © 1998 - 2021 Tencent. <a href="#">All Rights Reserved.</a>
                    </p>
                </div>



                <p>
                    腾讯公司 <a href="#">版权所有</a> 网络文化经营许可证：<a href="#">粤网文[2018]6725-2386号</a>
                </p>
            </div>
        </div>

    </div>
</body>

</html>